html.sepia-mode ::-webkit-scrollbar-track {
  background-color: var(--sepia) !important;
}
html.sepia-mode .sidebar, html.sepia-mode #main, html.sepia-mode .steps, html.sepia-mode .detailFooter {
  background-color: var(--sepia) !important;
}
html.sepia-mode .steps {
  border: 1px solid var(--sepia) !important;
}
html.sepia-mode .step .step-body {
  box-shadow: 0 1px 0 0 var(--dark-sepia);
}
html.sepia-mode .details .details-separator {
  background: var(--sepia) !important;
  border: 1px solid var(--sepia) !important;
}
html.sepia-mode .details .section, html.sepia-mode .details .section-item.detailNote, html.sepia-mode .detailHeader, html.sepia-mode .taskCard {
  border: 1px solid var(--sepia) !important;
  background-color: var(--sepia) !important;
}
html.sepia-mode .button:hover {
  background: var(--sepia) !important;
}
html.sepia-mode .backgroundLines, html.sepia-mode #main .main-background, html.sepia-mode .rightColumn {
  background-color: var(--sepia) !important;
  background: var(--sepia) !important;
}
html.sepia-mode .active, html.sepia-mode .details, html.sepia-mode .details .section-item:hover {
  background: var(--dark-sepia) !important;
}
html.sepia-mode .detailNote .editableContent .editableContent-edit {
  background-color: var(--dark-sepia) !important;
  background: var(--dark-sepia) !important;
}
html.sepia-mode .listItem:hover, html.sepia-mode .todayToolbar-item:hover, html.sepia-mode .baseAdd.addList:hover, html.sepia-mode .baseAdd.addList:active:hover, html.sepia-mode .baseAdd.addList:hover:hover, html.sepia-mode .hamburgerMenu button:hover, html.sepia-mode .step:hover, html.sepia-mode .step.selected, html.sepia-mode .step.selected:hover, html.sepia-mode .searchStep:hover .searchStep-body, html.sepia-mode .searchStep.selected .searchStep-body, html.sepia-mode .searchStep.selected:hover .searchStep-body, html.sepia-mode .modal-close:hover, html.sepia-mode .modal-return:hover, html.sepia-mode .moreEntriesButton:hover {
  background-color: var(--dark-sepia) !important;
}
html.sepia-mode .hamburgerMenu button:hover {
  box-shadow: 0 0 0 1px var(--dark-sepia) !important;
}
html.sepia-mode .taskItem.selected .taskItem-body, html.sepia-mode .taskItem:hover .taskItem-body {
  background: var(--dark-sepia) !important;
  box-shadow: inset 0 0 0 0px var(--dark-sepia) !important;
}
html.sepia-mode #app > div.leftColumn.leftColumn-entered, html.sepia-mode #app > div.leftColumn.leftColumn-exited {
  border-right: 1px solid var(--dark-sepia) !important;
}
html.sepia-mode #app > div.rightColumn.rightColumn-entered > div, html.sepia-mode #app > div.rightColumn.rightColumn-exited > div {
  border-left: 1px solid var(--dark-sepia) !important;
}
html.sepia-mode .sidebar-footer {
  border-top: 1px solid var(--dark-sepia) !important;
}
html.sepia-mode .taskItem-body, html.sepia-mode .collapsible-taskCard .taskCard {
  box-shadow: 0 17px 0 -16px var(--dark-sepia) !important;
}
html.sepia-mode .baseAdd.addTask, html.sepia-mode .searchStep .searchStep-body {
  box-shadow: 0 -17px 0 -16px var(--dark-sepia) !important;
}
html.sepia-mode .backgroundLines {
  border-top: 1px solid var(--dark-sepia);
}
html.sepia-mode .detailFooter {
  border-top: 1px solid var(--dark-sepia);
}
html.sepia-mode .detailFooter .detailFooter-close:hover, .detailFooter .detailFooter-trash:hover {
  background-color: var(--dark-sepia) !important;
}
html.sepia-mode .modal, html.sepia-mode .popover, html.sepia-mode .popoverMenuItem:hover, html.sepia-mode .isOpen, html.sepia-mode .notificationToast, html.sepia-mode .datePicker-header, html.sepia-mode .popover-footerRight, html.sepia-mode .timePicker-input {
  background: var(--dark-sepia) !important;
}
html.sepia-mode .notificationToast-postponeButton {
  border-bottom: 1px solid var(--sepia) !important;
}
html.sepia-mode .notificationToast-buttons button {
  border-left: 1px solid var(--sepia) !important;
}
html.sepia-mode .popover-header, html.sepia-mode .popover-footer, html.sepia-mode .popover-headerLeft, html.sepia-mode .popover-footerRight, html.sepia-mode .modal-sharing .modal-header {
  border-bottom: 1px solid var(--sepia) !important;
}
html.sepia-mode .modal-sharing .shared .modal-footer {
  border-top: 1px solid var(--sepia) !important;
}
html.sepia-mode .sidebar-addList-fixed {
  box-shadow: 0 -1px 0 var(--dark-sepia) !important;
}
